<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>VUE</title>
</head>
<body>
<div>
    {{info}}
</div>
<!-- 从CDN服务器引入框架文件 -->
<!--<script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>-->

<!-- 从本地引入框架文件 -->
<script src="JS/vue.min.js"></script>
<script>
    let v = new Vue({
        /* element 元素 值是选择器 用来设置Vue框架管理的元素范围 */
        el: "body>div",
        data: {
            /* 在data里面定义和页面元素进行绑定的变量
               当变量的值发生改变 页面会自动发生改变 */
            info: "Hello Vue!"
        }
    })
    setTimeout(function () {
        v.info = "值改变了！";
    },3000);
</script>
</body>
</html>